Universo Aleatório - Tá Bombando!: FERRAMENTAS BLOG

Mostrando postagens com marcador FERRAMENTAS BLOG. Mostrar todas as postagens

Bloquear o acesso com senha" via JavaScript

✅ Solução possível: "bloquear o acesso com senha" via JavaScript (apenas visual)

Você pode colocar o seguinte código dentro da página do Blogger (na guia HTML da página ou do post):

💡 Exemplo:

Abaixo dessa linha, adicione o seguinte código:

Salve o tema.

🛡️ Dica importante:

Esse método não esconde o conteúdo real da página — só oculta visualmente. Qualquer pessoa pode ver o conteúdo ao inspecionar o código ou desativar o JavaScript.

🔐 Alternativa mais segura (recomendada):

Use um encurtador de link com proteção por senha, como:

Linkvertise
ShrinkEarn
LinkFly — você define senha no painel

Assim, você pode criar um botão como:

<a href="https://linkprotegido.com" target="_blank">Clique para acessar</a>

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!

Proteger apenas o link "Jogos Adulto" com uma senha simples via JavaScript

✅ HTML (com proteção via senha):


<li><a href='#' onclick="acessarJogosAdulto(event)">Jogos Adulto</a></li>

⚙️ JavaScript (adicione no final da página ou dentro de `<script>`):


<script>
  function acessarJogosAdulto(event) {
    event.preventDefault(); // Evita navegação direta
    const senha = prompt("Digite a senha para acessar Jogos Adulto:");
    if (senha === "adulto123") {
      window.location.href = "/search/label/JOGOS%20ANDROID%20ADULTO";
    } else {
      alert("Senha incorreta!");
    }
  }
</script>

🔐 Dica:

Se quiser trocar a senha, é só alterar essa linha:

if (senha === "adulto123")

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!

Colocar uma barra de menu como essa no Blogger e um link em um botão do menu

✅ Passo a Passo para Instalar a Barra de Menu no Blogger

1. Vá em Tema > Editar HTML

2. Localize a tag `<body>` ou o local onde deseja inserir o menu (normalmente no topo)

3. Cole o seguinte código HTML acima do conteúdo principal do seu blog:

<!-- Menu Personalizado -->
<nav class="top-menu">
  <ul>
    <li><a href="/"><i class="fa fa-home"></i></a></li>
    <li><a href="/search/label/Windows">WINDOWS</a></li>
    <li class="dropdown">
      <a href="#">CATEGORIAS</a>
      <ul class="submenu">
        <li><a href="/search/label/Programas">Programas</a></li>
        <li><a href="/search/label/Jogos">Jogos</a></li>
      </ul>
    </li>
    <li><a href="/search/label/Ativador">ATIVADOR</a></li>
    <li><a href="/search/label/Baixador">BAIXADOR</a></li>
    <li><a href="/search/label/Temas">TEMAS</a></li>
    <li><a href="/search/label/Adobe">ADOBE</a></li>
    <li><a href="/search/label/Mod%20Android">📱 MOD ANDROID</a></li>
    <li><a href="/p/como-baixar.html">COMO FAZER O DOWNLOAD</a></li>
  </ul>
</nav>

4. Agora adicione o CSS para estilizar o menu

Logo antes da tag </head> do seu tema, adicione:

<style>
.top-menu {
  background: #222;
  font-family: Arial, sans-serif;
  padding: 0;
}
.top-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.top-menu ul li {
  position: relative;
}
.top-menu ul li a {
  display: block;
  padding: 14px 20px;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}
.top-menu ul li:hover > a {
  background: #00aaff;
}
.top-menu .submenu {
  display: none;
  position: absolute;
  top: 100%;
  background: #333;
  min-width: 160px;
  z-index: 999;
}
.top-menu .submenu li a {
  padding: 12px 15px;
}
.top-menu li:hover .submenu {
  display: block;
}
</style>

✅ Resultado:

Você terá uma barra de menu com:

Ícone de casa (início)
Abas fixas
Menu suspenso (dropdown em “Categorias”)
Cores e estilo semelhantes ao que você mostrou

✅ Exemplo prático:

Se você quiser que o botão "BAIXADOR" leve para um link específico, como:


https://seusite.com/p/baixador.html

Você deve alterar esta parte:

<li><a href="/search/label/Baixador">BAIXADOR</a></li>

Para isso:

<li><a href="https://seusite.com/p/baixador.html">BAIXADOR</a></li>

🧠 Dica para Páginas Internas no Blogger

Se a página já foi criada dentro do próprio Blogger (como uma página estática), você pode usar:


<li><a href="/p/nome-da-pagina.html">TÍTULO DO BOTÃO</a></li>

Exemplo:

<li><a href="/p/como-baixar.html">COMO FAZER O DOWNLOAD</a></li>

✅ Botão com ícone (exemplo com Font Awesome):


<li><a href="https://youtube.com/@domineseudispositivo" target="_blank">
  <i class="fab fa-youtube"></i> YOUTUBE
</a></li>

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!

Colocar um texto com link que apareça automaticamente em todas as postagens do seu blog

✅ Opção 1: Usar o campo de rodapé da postagem (modo simples)

Vá para o Painel do Blogger.
Clique em Configurações.
Role até a seção Postagens.
Ache a opção Modelo de post.
Clique em "Modelo de post" e insira o seguinte código:

<p>Gostou do conteúdo? <a href="https://www.youtube.com/@domineseudispositivo?sub_confirmation=1" target="_blank">Inscreva-se no canal e receba mais novidades!</a></p>

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!

Clique em Salvar configurações.

✅ Agora, sempre que você clicar em "Nova postagem", esse texto com o link já aparecerá automaticamente dentro da área de escrita da postagem. Basta escrever o conteúdo acima ou abaixo.

✅ Opção 2: Inserir diretamente no HTML do template (exibe em todas as postagens automaticamente)

Se você quer que esse texto apareça automaticamente em todas as postagens publicadas, sem precisar editar manualmente, faça o seguinte:

Vá para o Painel do Blogger.
Clique em Tema > Editar HTML.
Pressione Ctrl + F e procure por:

<data:post.body/>

Abaixo dessa linha, adicione o seguinte código:

Salve o tema.

🔁 Resultado: esse texto com link será exibido automaticamente ao final de todas as postagens, sem que você precise adicionar manualmente.

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!

Colocar uma Caixa de Texto no blog

Com esta caixinha de texto, que retirei de um blog que gosto muito, o BlogMania ,é possível também publicar códigos ou mesmo dar um destaque em um post.

<textarea
rows="5"
cols="50"
style="background-color: #ffffff; color: rgb(0, 0, 0);"
wrap="soft">ESCREVA AQUI O SEU TEXTO</textarea>

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!

Efeito de neve no cursor do mouse

Adicionando efeito de neve quando você mover o cursor do mouse irá mudar a aparência do seu blog. aqui está o efeito da neve fresca em sua área simples blog do mouse. Isso tornará seu blog mais frio do que a neve caindo do cursor do mouse. O efeito é um gadget muito simples de usar. Então isto é muito rápido. Eu testei esse efeito no Internet Explorer, Mozilla Firefox e muitos outros navegadores da web. Esta imagem simples e não baseada em flash funciona muito bem! Espero que você goste de usar este gadget de efeito de neve muito legal. Então, vamos ver como adicionar efeito de neve no cursor do mouse no blog..

Enfeitando mais o seu blog com cursores fofos.

Clique em Adicionar um Gadget

Ao abrir, clique em HTML/Javascript

Codigo:

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
};
document['write']('<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>');
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {

tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!

Mapeamento de Imagem HTML CSS para Site ou Blog

Como é que funciona?

Com a ajuda do nosso gerador, criar imagens2com é gratuita e fácil. Basta começar selecionando uma imagem do seu PC ou carregue uma diretamente de um site externo. Em seguida, crie suas áreas quentes usando formas de retângulo, círculo ou polígono. Criar essas formas é tão fácil quanto apontar e clicar em sua imagem. Não se esqueça de inserir um link, título e alvo para cada um deles. Então, quando terminar, basta clicar em Mostrar Me O Código!

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!

Essa é uma ferramenta ideal para quem quer monetizar seus links

Essa é uma ferramenta ideal para quem quer monetizar seus links.

Acesse: LINK AQUI!

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!

Elfsight

Insere varios aplicativos dentro do seu blog. Muito util!

LINK

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!

Nlink

Com o aplicativo Nlink, você pode encurtar suas URLs de forma rápida e conveniente diretamente do seu dispositivo móvel. Aproveite todos os recursos, incluindo o contador de cliques e a facilidade de compartilhar seus links curtos em qualquer plataforma de mídia social. Baixe o aplicativo hoje e tenha o poder de encurtar URLs ao seu alcance!

LINK DO SITE: https://nlink.at/

CONTADOR DE CLIQUES: https://nlink.at/pt/count-click

DESFAZER URL: https://nlink.at/pt/unshorten-url

DENUNCIAR URL: https://nlink.at/pt/report-url

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!

Ahrefs

O Ahrefs é uma ferramenta de SEO (Search Engine Optimization) que ajuda a analisar e melhorar o desempenho de um site nos buscadores.

O Ahrefs pode ser usado para:

Analisar métricas de link building, como Autoridade de Domínio e de Página
Verificar o ranking de palavras-chave
Monitorar backlinks, menções e concorrência
Realizar benchmark
Gerar dados para o planejamento de SEO
Fazer auditoria completa do domínio
Verificar a posição de classificação do site em qualquer país
Gerar títulos otimizados para motores de pesquisa

O Ahrefs é muito utilizado por profissionais de SEO, marketing digital e agências. A ferramenta foi criada em 2011 e, com o passar do tempo, foi adicionando vários recursos. O Ahrefs tem uma base de dados ampla e em muitos países.

O Ahrefs oferece uma versão gratuita, o Ahrefs Webmaster Tool, que permite: Verificar como estão posicionadas as palavras-chave

Verificar o volume de pesquisa de cada palavra-chave
Verificar o número de links que apontam para o site
Verificar o número de palavras-chave que estão posicionadas organicamente

LINK: https://ahrefs.com/

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!

Insights do PageSpeed

Relatórios do PageSpeed Insights (PSI). O PSI fornece dados de laboratório e de campo sobre uma página.

LINK: https://pagespeed.web.dev/

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!

Universo Aleatório - Tá Bombando!

Translate

tste

Bloquear o acesso com senha" via JavaScript

✅ Solução possível: "bloquear o acesso com senha" via JavaScript (apenas visual)

💡 Exemplo:

🛡️ Dica importante:

🔐 Alternativa mais segura (recomendada):

Proteger apenas o link "Jogos Adulto" com uma senha simples via JavaScript

✅ HTML (com proteção via senha):

⚙️ JavaScript (adicione no final da página ou dentro de `<script>`):

🔐 Dica:

Colocar uma barra de menu como essa no Blogger e um link em um botão do menu

✅ Passo a Passo para Instalar a Barra de Menu no Blogger

1. Vá em Tema > Editar HTML

2. Localize a tag `<body>` ou o local onde deseja inserir o menu (normalmente no topo)

3. Cole o seguinte código HTML acima do conteúdo principal do seu blog:

4. Agora adicione o CSS para estilizar o menu

✅ Resultado:

✅ Exemplo prático:

🧠 Dica para Páginas Internas no Blogger

✅ Botão com ícone (exemplo com Font Awesome):

Colocar um texto com link que apareça automaticamente em todas as postagens do seu blog

✅ Opção 1: Usar o campo de rodapé da postagem (modo simples)

✅ Opção 2: Inserir diretamente no HTML do template (exibe em todas as postagens automaticamente)

Como Gerar Tráfego para o Blog

Como Indexar Artigos do Blog

Colocar uma Caixa de Texto no blog

Efeito de neve no cursor do mouse

Mapeamento de Imagem HTML CSS para Site ou Blog

Como é que funciona?

Essa é uma ferramenta ideal para quem quer monetizar seus links

Elfsight

Nlink

Ahrefs

Insights do PageSpeed

Asfalto 9: Lendas Mod

Translate

tste

✅ Solução possível: "bloquear o acesso com senha" via JavaScript (apenas visual)

💡 Exemplo:

🛡️ Dica importante:

🔐 Alternativa mais segura (recomendada):

✅ HTML (com proteção via senha):

⚙️ JavaScript (adicione no final da página ou dentro de <script>):

🔐 Dica:

✅ Passo a Passo para Instalar a Barra de Menu no Blogger

1. Vá em Tema > Editar HTML

2. Localize a tag <body> ou o local onde deseja inserir o menu (normalmente no topo)

3. Cole o seguinte código HTML acima do conteúdo principal do seu blog:

4. Agora adicione o CSS para estilizar o menu

✅ Resultado:

✅ Exemplo prático:

🧠 Dica para Páginas Internas no Blogger

✅ Botão com ícone (exemplo com Font Awesome):

✅ Opção 1: Usar o campo de rodapé da postagem (modo simples)

✅ Opção 2: Inserir diretamente no HTML do template (exibe em todas as postagens automaticamente)

Como é que funciona?

⚙️ JavaScript (adicione no final da página ou dentro de `<script>`):

2. Localize a tag `<body>` ou o local onde deseja inserir o menu (normalmente no topo)